<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html>
<head>

  <link href="apple-touch-icon.png" rel="apple-touch-icon">
  <link href="../favicon.png" rel="icon">

  <title>Product Detail</title>
  <!-- Fonts-->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/font-awesome/css/font-awesome.min.css">
  <!-- CSS Library-->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/bootstrap/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/owl-carousel/assets/owl.carousel.css">
  <link rel="stylesheet" href="${pageContext.request.contextPath}/plugins/jquery-bar-rating/dist/themes/fontawesome-stars.css">

  <link href="../css/public.css" type="text/css" rel="stylesheet"/>
  <link rel="stylesheet" type="text/css" href="../css/base.css"/>
  <script type="text/javascript" src="../js/jquery_cart.js"></script>
  <link rel="stylesheet" type="text/css" href="../css/checkOut.css" />


  <!-- Custom-->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/shop.css">
</head>

<body class="ps-loading">
<style>
  .dropdown {
    position: relative;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 110px;
    box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2);
    padding: 8px 12px;
    z-index: 1;
  }

  .dropdown:hover .dropdown-content {
    display: block;
  }
  .order_btn{
    text-decoration:none;
    color:#333;
  }
</style>

<div class="header--sidebar"></div>
<header class="header">
  <div class="header__top">
    <div class="container-fluid">
      <div class="row">
        <div class="col-lg-6 col-md-8 col-sm-6 col-xs-12 ">
          <p>浙江温州  -  电话: 180 - 7211 - 1xxx</p>
        </div>
        <div class="col-lg-6 col-md-4 col-sm-6 col-xs-12 ">
          <div class="dropdown">
            <div class="header__actions">
              <a href=""><span>我的订单</span></a>
              <div class="dropdown-content">
                <a class="order_btn" href=""><p>已付款订单</p></a>
                <a class="order_btn" href=""><p>未付款订单</p></a>
                <a class="order_btn" href=""><p>已退货订单</p></a>
              </div>
              <% String name= (String) request.getSession().getAttribute("username");
                if(name!=null){%>
              <a href=""><%=name%></a>
              <%}else{ %>
              <a href="${pageContext.request.contextPath}/loginandregister.jsp">登陆 </a>
              <%} %>
              <a href="${pageContext.request.contextPath}/loginandregister.jsp"> 注册</a>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
  <nav class="navigation">
    <div class="container-fluid">
      <div class="navigation__column left">
        <div class="header__logo"><a class="ps-logo" href="${pageContext.request.contextPath}/allproduct.do"><img src="${pageContext.request.contextPath}/images/logo.png" alt=""></a></div>
      </div>
      <div class="navigation__column center">
        <ul class="main-menu menu">
          <li class="menu-item menu-item-has-children dropdown"><a href="../shop/shop.jsp">Home</a>
            <ul class="sub-menu">
              <li class="menu-item"><a href="../shop/shop.jsp">Homepage #1</a></li>
              <li class="menu-item"><a href="#">Homepage #2</a></li>
              <li class="menu-item"><a href="#">Homepage #3</a></li>
            </ul>
          </li>
          <li class="menu-item menu-item-has-children has-mega-menu"><a href="#">Men</a>
            <div class="mega-menu">
              <div class="mega-wrap">
                <div class="mega-column">
                  <ul class="mega-item mega-features">
                    <li><a href="../shop/product-listing.jsp">NEW RELEASES</a></li>
                    <li><a href="../shop/product-listing.jsp">FEATURES SHOES</a></li>
                    <li><a href="../shop/product-listing.jsp">BEST SELLERS</a></li>
                    <li><a href="../shop/product-listing.jsp">NOW TRENDING</a></li>
                    <li><a href="../shop/product-listing.jsp">SUMMER ESSENTIALS</a></li>
                    <li><a href="../shop/product-listing.jsp">MOTHER'S DAY COLLECTION</a></li>
                    <li><a href="../shop/product-listing.jsp">FAN GEAR</a></li>
                  </ul>
                </div>
                <div class="mega-column">
                  <h4 class="mega-heading">Shoes</h4>
                  <ul class="mega-item">
                    <li><a href="../shop/product-listing.jsp">All Shoes</a></li>
                    <li><a href="../shop/product-listing.jsp">Running</a></li>
                    <li><a href="../shop/product-listing.jsp">Training & Gym</a></li>
                    <li><a href="../shop/product-listing.jsp">Basketball</a></li>
                    <li><a href="../shop/product-listing.jsp">Football</a></li>
                    <li><a href="../shop/product-listing.jsp">Soccer</a></li>
                    <li><a href="../shop/product-listing.jsp">Baseball</a></li>
                  </ul>
                </div>
                <div class="mega-column">
                  <h4 class="mega-heading">CLOTHING</h4>
                  <ul class="mega-item">
                    <li><a href="../shop/product-listing.jsp">Compression & Nike Pro</a></li>
                    <li><a href="../shop/product-listing.jsp">Tops & T-Shirts</a></li>
                    <li><a href="../shop/product-listing.jsp">Polos</a></li>
                    <li><a href="../shop/product-listing.jsp">Hoodies & Sweatshirts</a></li>
                    <li><a href="../shop/product-listing.jsp">Jackets & Vests</a></li>
                    <li><a href="../shop/product-listing.jsp">Pants & Tights</a></li>
                    <li><a href="../shop/product-listing.jsp">Shorts</a></li>
                  </ul>
                </div>
                <div class="mega-column">
                  <h4 class="mega-heading">Accessories</h4>
                  <ul class="mega-item">
                    <li><a href="../shop/product-listing.jsp">Compression & Nike Pro</a></li>
                    <li><a href="../shop/product-listing.jsp">Tops & T-Shirts</a></li>
                    <li><a href="../shop/product-listing.jsp">Polos</a></li>
                    <li><a href="../shop/product-listing.jsp">Hoodies & Sweatshirts</a></li>
                    <li><a href="../shop/product-listing.jsp">Jackets & Vests</a></li>
                    <li><a href="../shop/product-listing.jsp">Pants & Tights</a></li>
                    <li><a href="../shop/product-listing.jsp">Shorts</a></li>
                  </ul>
                </div>
                <div class="mega-column">
                  <h4 class="mega-heading">BRAND</h4>
                  <ul class="mega-item">
                    <li><a href="../shop/product-listing.jsp">NIKE</a></li>
                    <li><a href="../shop/product-listing.jsp">Adidas</a></li>
                    <li><a href="../shop/product-listing.jsp">Dior</a></li>
                    <li><a href="../shop/product-listing.jsp">B&G</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </li>
          <li class="menu-item"><a href="#">Women</a></li>
          <li class="menu-item"><a href="#">Kids</a></li>
          <li class="menu-item menu-item-has-children dropdown"><a href="#">News</a>
            <ul class="sub-menu">
              <li class="menu-item menu-item-has-children dropdown"><a href="#">Blog-grid</a>
                <ul class="sub-menu">
                  <li class="menu-item"><a href="#">Blog Grid 1</a></li>
                  <li class="menu-item"><a href="#">Blog Grid 2</a></li>
                </ul>
              </li>
              <li class="menu-item"><a href="#">Blog List</a></li>
            </ul>
          </li>
          <li class="menu-item menu-item-has-children dropdown"><a href="#">Contact</a>
            <ul class="sub-menu">
              <li class="menu-item"><a href="#">Contact Us #1</a></li>
              <li class="menu-item"><a href="#">Contact Us #2</a></li>
            </ul>
          </li>
        </ul>
      </div>
      <div class="navigation__column right">
        <form class="ps-search--header" action="do_action" method="post">
          <input class="form-control" type="text" placeholder="Search Product…">
          <button><i class="ps-icon-search"></i></button>
        </form>
        <div class="ps-cart"><a class="ps-cart__toggle" href="/showcart.do"><span><i>20</i></span><i class="ps-icon-shopping-cart"></i></a>
          <div class="ps-cart__listing">
            <div class="ps-cart__content">
              <div class="ps-cart-item"><a class="ps-cart-item__close" href="#"></a>
                <div class="ps-cart-item__thumbnail"><a href="../shop/product-detail.jsp"></a><img src="${pageContext.request.contextPath}/images/cart-preview/1.jpg" alt=""></div>
                <div class="ps-cart-item__content"><a class="ps-cart-item__title" href="../shop/product-detail.jsp">Amazin’ Glazin’</a>
                  <p><span>Quantity:<i>12</i></span><span>Total:<i>£176</i></span></p>
                </div>
              </div>
              <div class="ps-cart-item"><a class="ps-cart-item__close" href="#"></a>
                <div class="ps-cart-item__thumbnail"><a href="../shop/product-detail.jsp"></a><img src="${pageContext.request.contextPath}/images/cart-preview/2.jpg" alt=""></div>
                <div class="ps-cart-item__content"><a class="ps-cart-item__title" href="../shop/product-detail.jsp">The Crusty Croissant</a>
                  <p><span>Quantity:<i>12</i></span><span>Total:<i>£176</i></span></p>
                </div>
              </div>
              <div class="ps-cart-item"><a class="ps-cart-item__close" href=""></a>
                <div class="ps-cart-item__thumbnail"><a href="../shop/product-detail.jsp"></a><img src="${pageContext.request.contextPath}/images/cart-preview/3.jpg" alt=""></div>
                <div class="ps-cart-item__content"><a class="ps-cart-item__title" href="../shop/product-detail.jsp">The Rolling Pin</a>
                  <p><span>Quantity:<i>12</i></span><span>Total:<i>£176</i></span></p>
                </div>
              </div>
            </div>
            <div class="ps-cart__total">
              <p>Number of items:<span>36</span></p>
              <p>Item Total:<span>£528.00</span></p>
            </div>
            <div class="ps-cart__footer"><a class="ps-btn" href="cart.html">Check out<i class="ps-icon-arrow-left"></i></a></div>
          </div>
        </div>
        <div class="menu-toggle"><span></span></div>
      </div>
    </div>
  </nav>
</header>
<div class="header-services">
  <div class="ps-services owl-slider" data-owl-auto="true" data-owl-loop="true" data-owl-speed="7000" data-owl-gap="0" data-owl-nav="true" data-owl-dots="false" data-owl-item="1" data-owl-item-xs="1" data-owl-item-sm="1" data-owl-item-md="1" data-owl-item-lg="1" data-owl-duration="1000" data-owl-mousedrag="on">
    <p class="ps-service"><i class="ps-icon-delivery"></i><strong>免费送货</strong>: 满足xxxx元都可免费获得标准送货服务</p>
    <p class="ps-service"><i class="ps-icon-delivery"></i><strong>免费送货</strong>: 满足xxxx元都可免费获得标准送货服务</p>
    <p class="ps-service"><i class="ps-icon-delivery"></i><strong>免费送货</strong>: 满足xxxx元都可免费获得标准送货服务</p>
  </div>
</div>



<!--收货地址body部分开始-->
<div class="border_top_cart">
  <script type="text/javascript">
    var checkoutConfig={
      addressMatch:'common',
      addressMatchVarName:'data',
      hasPresales:false,
      hasBigTv:false,
      hasAir:false,
      hasScales:false,
      hasGiftcard:false,
      totalPrice:244.00,
      postage:10,//运费
      postFree:true,//活动是否免邮了
      bcPrice:150,//计算界值
      activityDiscountMoney:0.00,//活动优惠
      showCouponBox:0,
      invoice:{
        NA:"0",
        personal:"1",
        company:"2",
        electronic:"4"
      }
    };
    var miniCartDisable=true;
  </script>
  <div class="container">
    <div class="checkout-box">
      <form  id="checkoutForm" action="/showpay.do" method="post">
        <div class="checkout-box-bd">
          <!-- 地址状态 0：默认选择；1：新增地址；2：修改地址 -->
          <input type="hidden" name="Checkout[addressState]" id="addrState"   value="0">
          <!-- 收货地址 -->
          <div class="xm-box">
            <div class="box-hd ">
              <h2 class="title">收货地址</h2>
              <!---->
            </div>
            <div class="box-bd">
              <div class="clearfix xm-address-list" id="checkoutAddrList">
                <dl class="item" >
                  <dt>
                    <strong class="itemConsignee">潘骏杰</strong>
                    <span class="itemTag tag">家</span>
                  </dt>
                  <dd>
                    <p class="tel itemTel">15961726437</p>
                    <p class="itemRegion">江苏 无锡市 北塘区</p>
                    <p class="itemStreet">民丰西苑82号202室(214045)</p>
                    <span class="edit-btn J_editAddr">编辑</span>
                  </dd>
                  <dd style="display:none">
                    <input type="radio" name="Checkout[address]" class="addressId"  value="10140916720030323">
                  </dd>
                </dl>
                <div class="item use-new-addr"  id="J_useNewAddr" data-state="off">
                  <span class="iconfont icon-add"><img src="../images/add_cart.png" /></span>
                  使用新地址
                </div>
              </div>
              <input type="hidden" name="newAddress[type]" id="newType" value="common">
              <input type="hidden" name="newAddress[consignee]" id="newConsignee">
              <input type="hidden" name="newAddress[province]" id="newProvince">
              <input type="hidden" name="newAddress[city]" id="newCity">
              <input type="hidden" name="newAddress[district]" id="newCounty">
              <input type="hidden" name="newAddress[address]" id="newStreet">
              <input type="hidden" name="newAddress[zipcode]" id="newZipcode">
              <input type="hidden" name="newAddress[tel]" id="newTel">
              <input type="hidden" name="newAddress[tag_name]" id="newTag">
              <!--点击弹出新增/收货地址界面start-->
              <div class="xm-edit-addr-box" id="J_editAddrBox">
                <div class="bd">
                  <div class="item">
                    <label>收货人姓名<span>*</span></label>
                    <input type="text" name="userAddress[consignee]" id="Consignee" class="input" placeholder="收货人姓名" maxlength="15" autocomplete='off'>
                    <p class="tip-msg tipMsg"></p>
                  </div>
                  <div class="item">
                    <label>联系电话<span>*</span></label>
                    <input type="text" name="userAddress[tel]" class="input" id="Telephone" placeholder="11位手机号" autocomplete='off'>
                    <p class="tel-modify-tip" id="telModifyTip"></p>
                    <p class="tip-msg tipMsg"></p>
                  </div>
                  <div class="item">
                    <label>地址<span>*</span></label>
                    <select name="userAddress[province]" id="Provinces" class="select-1">
                      <option>省份/自治区</option>
                    </select>
                    <select name="userAddress[city]"  id="Citys" class="select-2" disabled>
                      <option>城市/地区/自治州</option>
                    </select>
                    <select name="userAddress[county]"  id="Countys" class="select-3" disabled>
                      <option>区/县</option>
                    </select>
                    <textarea   name="userAddress[street]" class="input-area" id="Street" placeholder="路名或街道地址，门牌号"></textarea>
                    <p class="tip-msg tipMsg"></p>
                  </div>
                  <div class="item">
                    <label>邮政编码<span>*</span></label>
                    <input type="text" name="userAddress[zipcode]" id="Zipcode" class="input" placeholder="邮政编码"  autocomplete='off'>
                    <p class="zipcode-tip" id="zipcodeTip"></p>
                    <p class="tip-msg tipMsg"></p>
                  </div>
                  <div class="item">
                    <label>地址标签<span>*</span></label>
                    <input type="text" name="userAddress[tag]" id="Tag" class="input" placeholder='地址标签：如"家"、"公司"。限5个字内'  >
                    <p class="tip-msg tipMsg"></p>
                  </div>
                </div>
                <div class="ft clearfix">
                  <button  type="button"  class="btn btn-lineDake btn-small " id="J_editAddrCancel">取消</button>
                  <button type="button" class="btn btn-primary  btn-small " id="J_editAddrOk">保存</button>
                </div>
              </div>
              <!--点击弹出新增/收货地址界面end-->
              <div class="xm-edit-addr-backdrop" id="J_editAddrBackdrop"></div>
            </div>                </div>
          <!-- 收货地址 END-->
          <div id="checkoutPayment">
            <!-- 支付方式 -->
            <div class="xm-box">
              <div class="box-hd ">
                <h2 class="title">支付方式</h2>
              </div>
              <div class="box-bd">
                <ul id="checkoutPaymentList" class="checkout-option-list clearfix J_optionList">
                  <li class="item selected">
                    <input type="radio" name="Checkout[pay_id]" checked="checked" value="1">
                    <p>
                      在线支付                                <span></span>
                    </p>
                  </li>
                </ul>
              </div>
            </div>
            <!-- 支付方式 END-->
            <div class="xm-box">
              <div class="box-hd ">
                <h2 class="title">配送方式</h2>
              </div>
              <div class="box-bd">
                <ul id="checkoutShipmentList" class="checkout-option-list clearfix J_optionList">
                  <li class="item selected">
                    <input type="radio" data-price="0" name="Checkout[shipment_id]" checked="checked" value="1">
                    <p>
                      快递配送（免运费）                                <span></span>
                    </p>
                  </li>
                </ul>
              </div>
            </div>
            <!-- 配送方式 END-->                    <!-- 配送方式 END-->
          </div>
          <!-- 送货时间 -->
          <div class="xm-box">
            <div class="box-hd">
              <h2 class="title">送货时间</h2>
            </div>
            <div class="box-bd">
              <ul class="checkout-option-list clearfix J_optionList">
                <li class="item selected"><input type="radio" checked="checked" name="Checkout[best_time]" value="1"><p>不限送货时间<span>周一至周日</span></p></li><li class="item "><input type="radio"  name="Checkout[best_time]" value="2"><p>工作日送货<span>周一至周五</span></p></li><li class="item "><input type="radio"  name="Checkout[best_time]" value="3"><p>双休日、假日送货<span>周六至周日</span></p></li>                        </ul>
            </div>
          </div>
          <!-- 送货时间 END-->
          <!-- 发票信息 -->
          <div id="checkoutInvoice">
            <div class="xm-box">
              <div class="box-hd">
                <h2 class="title">发票信息</h2>
              </div>
              <div class="box-bd">
                <ul class="checkout-option-list checkout-option-invoice clearfix J_optionList J_optionInvoice">
                  <li class="hide">
                    电子个人发票4
                  </li>
                  <li class="item selected">
                    <!--<label><input type="radio"  class="needInvoice" value="0" name="Checkout[invoice]">不开发票</label>-->
                    <input type="radio"    checked="checked"  value="4" name="Checkout[invoice]">
                    <p>电子发票（非纸质）</p>
                  </li>
                  <li class="item ">
                    <input type="radio"   value="1" name="Checkout[invoice]">
                    <p>普通发票（纸质）</p>
                  </li>
                </ul>
                <p id="eInvoiceTip" class="e-invoice-tip ">
                  电子发票是税务局认可的有效凭证，可作为售后维权凭据，不随商品寄送。开票后不可更换纸质发票，如需报销请选择普通发票。<a href="http://bbs.xiaomi.cn/thread-9285999-1-1.html" target="_blank">什么是电子发票？</a>
                </p>
                <div class="invoice-info nvoice-info-1" id="checkoutInvoiceElectronic" style="display:none;">

                  <p class="tip">电子发票目前仅对个人用户开具，不可用于单位报销 ，不随商品寄送</p>
                  <p>发票内容：购买商品明细</p>
                  <p>发票抬头：个人</p>
                  <p>
                    <span class="hide"><input type="radio" value="4" name="Checkout[invoice_type]"   checked="checked"   id="electronicPersonal" class="invoiceType"></span>
                  <dl>
                    <dt>什么是电子发票?</dt>
                    <dd>&#903; 电子发票是纸质发票的映像，是税务局认可的有效凭证，与传统纸质发票具有同等法律效力，可作为售后维权凭据。</dd>
                    <dd>&#903; 开具电子服务于个人，开票后不可更换纸质发票，不可用于单位报销。</dd>
                    <dd>&#903; 您在订单详情的"发票信息"栏可查看、下载您的电子发票。<a href="http://bbs.xiaomi.cn/thread-9285999-1-1.html" target="_blank">什么是电子发票？</a></dd>
                  </dl>
                  </p>
                </div>
                <div class="invoice-info invoice-info-2" id="checkoutInvoiceDetail"  style="display:none;" >
                  <p>发票内容：购买商品明细</p>
                  <p>
                    发票抬头：请确认单位名称正确,以免因名称错误耽搁您的报销。注：合约机话费仅能开个人发票
                  </p>
                  <ul class="type clearfix J_invoiceType">
                    <li class="hide">
                      <input type="radio" value="0" name="Checkout[invoice_type]" id="noNeedInvoice" >
                    </li>
                    <li class="">
                      <input  class="invoiceType" type="radio" id="commonPersonal" name="Checkout[invoice_type]" value="1" >
                      个人
                    </li>
                    <li class="">
                      <input  class="invoiceType" type="radio" name="Checkout[invoice_type]" value="2" >
                      单位
                    </li>
                  </ul>
                  <div  id='CheckoutInvoiceTitle' class=" hide  invoice-title">
                    <label for="Checkout[invoice_title]">单位名称：</label>
                    <input name="Checkout[invoice_title]" type="text" maxlength="49" value="" class="input"> <span class="tip-msg J_tipMsg"></span>
                  </div>

                </div>

              </div>
            </div>                </div>
          <!-- 发票信息 END-->
        </div>
        <div class="checkout-box-ft">
          <!-- 商品清单 -->
          <div id="checkoutGoodsList" class="checkout-goods-box">
            <div class="xm-box">
              <div class="box-hd">
                <h2 class="title">确认订单信息</h2>
              </div>
              <div class="box-bd">
                <dl class="checkout-goods-list">
                  <dt class="clearfix">
                    <span class="col col-1">商品名称</span>
                    <span class="col col-4">商品尺寸</span>
                    <span class="col col-4">购买价格</span>
                    <span class="col col-4">购买数量</span>
                    <span class="col col-4">小计（元）</span>
                  </dt>
                  <c:forEach var="c" items="${requestScope.lists}">
                  <dd class="item clearfix">
                    <div class="item-row">
                      <div class="col col-1">
                        <div class="g-pic">
                          <img src="${pageContext.request.contextPath}${c.shoes.img1}" srcset="http://i1.mifile.cn/a1/T11lLgB5YT1RXrhCrK!80x80.jpg 2x" width="40" height="40" />
                        </div>
                        <div class="g-info">
                          <a href="${pageContext.request.contextPath}/showone.do?sid=${c.shoes.sid}">
                            ${c.shoes.sname}                                            </a>
                        </div>
                      </div>
                      <div class="col col-4">尺寸：${c.size}</div>

                      <div class="col col-4">${c.shoes.shopprice}元</div>
                      <div class="col col-4">${c.quantity}</div>
                      <div class="col col-4">${c.shoes.shopprice*c.quantity}元</div>
                    </div>
                  </dd>
                    <input type="hidden" name="cartid" value="${c.cartid}"/>

                  </c:forEach>


                </dl>
                <div class="checkout-count clearfix">
                  <div class="checkout-count-extend xm-add-buy">
                    <h2 class="title">会员留言</h2></br>
                      <input type="text" />

                  </div>
                  <!-- checkout-count-extend -->
                  <div class="checkout-price">
                    <ul>

                      <li>
                        订单总额：<span>${total}元</span>
                      </li>
                      <li>
                        活动优惠：<span>-0元</span>
                        <script type="text/javascript">
                          checkoutConfig.activityDiscountMoney=0;
                          checkoutConfig.totalPrice=${total};
                        </script>
                      </li>
                      <li>
                        优惠券抵扣：<span id="couponDesc">-0元</span>
                      </li>
                      <li>
                        运费：<span id="postageDesc">0元</span>
                      </li>
                    </ul>
                    <p class="checkout-total">应付总额：<span><strong id="totalPrice">${total}</strong>元</span></p>
                  </div>
                  <!--  -->
                </div>
              </div>
            </div>

            <!--S 加价购 产品选择弹框 -->
            <div class="modal hide modal-choose-pro" id="J_choosePro-664">
              <div class="modal-header">
                <span class="close" data-dismiss='modal'><i class="iconfont">&#xe617;</i></span>
                <h3>选择产品</h3>
                <div class="more">
                  <div class="xm-recommend-page clearfix">
                    <a class="page-btn-prev   J_carouselPrev iconfont" href="javascript: void(0);">&#xe604;</a><a class="page-btn-next  J_carouselNext iconfont" href="javascript: void(0);">&#xe605;</a>
                  </div>
                </div>
              </div>
              <div class="modal-body J_chooseProCarousel">
                <div class="J_carouselWrap modal-choose-pro-list-wrap">
                  <ul class="clearfix J_carouselList">
                  </ul>
                </div>
              </div>
              <div class="modal-footer">
                <a href="#" class="btn btn-disabled J_chooseProBtn">加入购物车</a>
              </div>
            </div>
            <!--E 加价购 产品选择弹框 -->

            <!--S 保障计划 产品选择弹框 -->


          </div>
          <!-- 商品清单 END -->
          <input type="hidden"  id="couponType" name="Checkout[couponsType]">
          <input type="hidden" id="couponValue" name="Checkout[couponsValue]">
          <div class="checkout-confirm">

            <a href="/showcart.do" class="btn btn-lineDakeLight btn-back-cart">返回购物车</a>
            <input type="submit" class="btn btn-primary" value="立即下单" id="checkoutToPay" />
          </div>
        </div>
      </form>
    </div>



  </div>
  <!-- 禮品卡提示 S-->
  <div class="modal hide lipin-modal" id="lipinTip">
    <div class="modal-header">
      <h2 class="title">温馨提示</h2>
      <p> 为保障您的利益与安全，下单后礼品卡将会被使用，<br>
        且订单信息将不可修改。请确认收货信息：</p>
    </div>
    <div class="modal-body">
      <ul>
        <li><strong>收&nbsp;&nbsp;货&nbsp;&nbsp;人：</strong><span id="lipin-uname"></span></li>
        <li><strong>联系电话：</strong><span id="lipin-uphone"></span></li>
        <li><strong>收货地址：</strong><span id="lipin-uaddr"></span></li>
      </ul>
    </div>
    <div class="modal-footer">
      <span class="btn btn-primary" id="useGiftCard">确认下单</span><span class="btn btn-dakeLight" id="closeGiftCard">返回修改</span>
    </div>
  </div>
  <!--  禮品卡提示 E-->
  <!-- 预售提示 S-->
  <div class="modal hide yushou-modal" id="yushouTip">
    <div class="modal-body">
      <h2>请确认收货地址及发货时间</h2>
      <ul class="list">
        <li>
          <strong>请确认配送地址，提交后不可变更：</strong>
          <p id="yushouAddr"> </p>
          <span class="icon-common icon-1"></span>
        </li>
        <li>
          <strong>支付后发货</strong>
          <p>如您随预售商品一起购买的商品，将与预售商品一起发货</p>
          <span class="icon-common icon-2"></span>
        </li>
        <li>
          <strong>以支付价格为准</strong>
          <p>如预售产品发生调价，已支付订单价格将不受影响。</p>
          <span class="icon-common icon-3"></span>
        </li>
      </ul>
    </div>
    <div class="modal-footer">
      <p id="yushouOk" class="yushou-ok">
        <span class="icon-checkbox"><i class="iconfont">&#xe626;</i></span>
        我已确认收货地址正确，不再变更</p>
      <span class="btn btn-lineDakeLight" data-dismiss="modal">返回修改地址</span>
      <span class="btn btn-primary" id="yushouCheckout">继续下单</span>

    </div>
  </div>
  <!--  预售提示 E-->

  <script id="newAddrTemplate" type="text/x-dot-template">
    <dl class="item selected" data-isnew="true" data-consignee="{{=it.consignee}}" data-tel="{{=it.tel}}" data-province="{{=it.province}}" data-provincename="{{=it.provinceName}}" data-city="{{=it.city}}" data-cityname="{{=it.cityName}}" data-county="{{=it.county}}" data-countyname="{{=it.countyName}}" data-zipcode="{{=it.zipcode}}" data-street="{{=it.street}}" data-tag="{{=it.tag}}">
      <dt>
        <strong class="itemConsignee">{{=it.consignee}}</strong>
        {{? it.tag }}
        <span  class="itemTag tag">{{=it.tag}}</span>
        {{?}}
      </dt>
      <dd>
        <p class="tel itemTel">{{=it.tel}}</p>
        <p  class="itemRegion">{{=it.provinceName}} {{=it.cityName}} {{=it.countyName}}</p>
        <p  class="itemStreet">{{=it.street}} ({{=it.zipcode}})</p>
        <span class="edit-btn J_editAddr">编辑</span>
      </dd>
    </dl>
  </script>


  <!-- 保险弹窗 -->
  <!-- 保险弹窗 -->




  <script src="../js/base.min.js"></script>

  <script type="text/javascript" src="../js/address_all.js"></script>
  <script type="text/javascript" src="../js/checkout.min.js"></script>
</div>

<!--收货地址body部分结束-->







<div class="ps-subscribe">
  <div class="ps-container">
    <div class="row">
      <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12 ">
        <h3><i class="fa fa-envelope"></i>Sign up to Newsletter</h3>
      </div>
      <div class="col-lg-5 col-md-7 col-sm-12 col-xs-12 ">
        <form class="ps-subscribe__form" action="do_action" method="post">
          <input class="form-control" type="text" placeholder="">
          <button>Sign up now</button>
        </form>
      </div>
      <div class="col-lg-4 col-md-5 col-sm-12 col-xs-12 ">
        <p>...and receive  <span>$20</span>  coupon for first shopping.</p>
      </div>
    </div>
  </div>
</div>
<div class="ps-footer bg--cover" data-background="${pageContext.request.contextPath}/images/background/parallax.jpg">
  <div class="ps-footer__content">
    <div class="ps-container">
      <div class="row">
        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 ">
          <aside class="ps-widget--footer ps-widget--info">
            <header><a class="ps-logo" href="../shop/shop.jsp"><img src="${pageContext.request.contextPath}/images/logo-white.png" alt=""></a>
              <h3 class="ps-widget__title">Address Office 1</h3>
            </header>
            <footer>
              <p><strong>浙江温州</strong></p>
              <p>Email: <a href='mailto:53804545@qq.com'>53804545@qq.com</a></p>
              <p>Phone: +323 32434 5334</p>
              <p>Fax: ++323 32434 5333</p>
            </footer>
          </aside>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 ">
          <aside class="ps-widget--footer ps-widget--info second">
            <header>
              <h3 class="ps-widget__title">Address Office 2</h3>
            </header>
            <footer>
              <p><strong>PO Box 16122 Collins  Victoria 3000 Australia</strong></p>
              <p>Email: <a href='mailto:53804545@qq.com'>53804545@qq.com</a></p>
              <p>Phone: +323 32434 5334</p>
              <p>Fax: ++323 32434 5333</p>
            </footer>
          </aside>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-4 col-xs-12 ">
          <aside class="ps-widget--footer ps-widget--link">
            <header>
              <h3 class="ps-widget__title">Find Our store</h3>
            </header>
            <footer>
              <ul class="ps-list--link">
                <li><a href="#">Coupon Code</a></li>
                <li><a href="#">SignUp For Email</a></li>
                <li><a href="#">Site Feedback</a></li>
                <li><a href="#">Careers</a></li>
              </ul>
            </footer>
          </aside>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-4 col-xs-12 ">
          <aside class="ps-widget--footer ps-widget--link">
            <header>
              <h3 class="ps-widget__title">Get Help</h3>
            </header>
            <footer>
              <ul class="ps-list--line">
                <li><a href="#">Order Status</a></li>
                <li><a href="#">Shipping and Delivery</a></li>
                <li><a href="#">Returns</a></li>
                <li><a href="#">Payment Options</a></li>
                <li><a href="#">Contact Us</a></li>
              </ul>
            </footer>
          </aside>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-4 col-xs-12 ">
          <aside class="ps-widget--footer ps-widget--link">
            <header>
              <h3 class="ps-widget__title">Products</h3>
            </header>
            <footer>
              <ul class="ps-list--line">
                <li><a href="#">Shoes</a></li>
                <li><a href="#">Clothing</a></li>
                <li><a href="#">Accessries</a></li>
                <li><a href="#">Football Boots</a></li>
              </ul>
            </footer>
          </aside>
        </div>
      </div>
    </div>
  </div>
  <div class="ps-footer__copyright">
    <div class="ps-container">
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 ">
          <p>Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 ">
          <ul class="ps-social">
            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
            <li><a href="#"><i class="fa fa-instagram"></i></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- JS Library-->
<script type="text/javascript" src="../plugins/jquery/dist/jquery.min.js"></script>

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="../js/unslider.min.js" type="text/javascript"></script>
<script src="../js/index.js" type="text/javascript"></script>


<!-- Custom scripts-->
<script type="text/javascript" src="${pageContext.request.contextPath}/js/shop.js"></script>
</body>
</html>
